<script setup lang="ts"></script>
<template>
  <div class="myfavorite">
    <div class="favorite">
      <div class="message">
        <uni-icons
          custom-prefix="mobile-phone"
          type="icon-shouji"
          size="24"
          color="#36978a"
          style="margin-right: 30rpx"
        ></uni-icons>
        <div>手机</div>
      </div>
      <div style="margin-left: 240rpx">18031811527</div>
    </div>
    <div class="favorite">
      <div class="message">
        <uni-icons
          type="phone-filled"
          size="24"
          color="#e7504f"
          style="margin-right: 30rpx"
        ></uni-icons>
        <div>电话</div>
      </div>
      <div style="margin-left: 240rpx">020+86695698</div>
    </div>
    <div class="favorite">
      <div class="message">
        <uni-icons
          type="qq"
          size="24"
          color="#6ab1f0"
          style="margin-right: 30rpx"
        ></uni-icons>
        <div>QQ</div>
      </div>
      <div style="margin-left: 240rpx">2461692314</div>
    </div>
    <div class="favorite">
      <div class="message">
        <uni-icons
          type="weixin"
          size="24"
          color="#81b62c"
          style="margin-right: 30rpx"
        ></uni-icons>
        <div>微信</div>
      </div>
      <div style="margin-left: 240rpx">Handsome-1204</div>
    </div>
  </div>
</template>
<style lang="less" scoped>
:not(not) {
  box-sizing: border-box;
}
.myfavorite {
  display: flex;
  flex-direction: column;
  font-size: 30rpx;
  padding-left: 50rpx;
  .favorite {
    display: flex;
    align-items: center;
    height: 120rpx;
    border-bottom: 1px solid #f2f2f2;
    .message {
      display: flex;
      align-items: center;
    }
  }
}
</style>
